<template>
  <div class="nodata-frame">
    <img class="nodata" src="@/assets/imgs/nodata.png" />
    <p class="nodata-tips" v-if="tips">{{ tips }}</p>
  </div>
</template>
<script>
export default {
  props: {
    tips: {
      type: String,
      default: "",
    },
  },
};
</script>
<style lang="less" scoped>
.nodata-frame {
  min-width: 100%;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 1rem;
  .nodata {
    width: 60px;
    height: 40px;
    margin: 2rem auto;
    margin-bottom: 0;
  }
  .nodata-tips {
    width: 100%;
    text-align: center;
    font-size: 0.6rem;
    line-height: 0.6rem;
    margin-top: 1.5rem;
    color: #979699;
    font-family: "Helvetica";
  }
}
</style>